<extend name="Base/common" />
<block name="body">
  <div class="span9 page_message">
  <section id="contents"> <include file="Addons/_nav" />
    <div class="tab-content"> 
      <!-- 表单 -->
      <php> $post_url || $post_url = U('special_add?model='.$model['id'], $get_param);</php>
      <form id="form" action="{$post_url}" method="post" class="form-horizontal form-center">
        <input type="hidden" class="text" name="menu_id" value="{:I('menu_id')}">
        <volist name="fields" id="field">
          <if condition="$field['is_show'] == 4">
            <input type="hidden" class="text" name="{$field.name}" value="{:I($field[name], $field[value])}">
          </if>
          <if condition="$field['is_show'] == 1 || $field['is_show'] == 2 || ($field['is_show'] == 5 && I($field['name']))">
            <div class="form-item cf toggle-{$field.name}">
              <label class="item-label">
                <notempty name="field.is_must"><span class="need_flag">*</span></notempty>
                {$field['title']} <span class="check-tips">
                <notempty name="field['remark']">（{$field['remark']}）</notempty>
                </span></label>
              <div class="controls">
                <switch name="field.type">
                  <case value="num">
                    <input type="number" class="text" name="{$field.name}" value="{:I($field[name], $field[value])}">
                  </case>
                  <case value="string">
                    <input type="text" class="text input-large" name="{$field.name}" value="{:I($field[name], $field[value])}">
                  </case>
                  <case value="textarea">
                    <label class="textarea input-large">
                      <textarea name="{$field.name}">{:I($field[name], $field[value])}</textarea>
                    </label>
                  </case>
                  <case value="datetime">
                    <input type="datetime" name="{$field.name}" class="text time" value="{:I($field[name], $field[value])}" placeholder="请选择时间" />
                  </case>
                  <case value="date">
                    <input type="datetime" name="{$field.name}" class="text date" value="{:I($field[name], $field[value])}" placeholder="请选择日期" />
                  </case>
                  <case value="bool">
                    <volist name=":parse_field_attr($field['extra'])" id="vo">
                      <div class="check-item"> 
                        <!--[if !IE]><!--> 
                        <input type="radio" class="regular-radio toggle-data" value="{$key}" id="{$field.name}_{$key}" name="{$field.name}" toggle-data="{$vo|get_hide_attr}"
                  
                        <eq name="field.value" value="$key">checked</eq>
                        />
                        <label for="{$field.name}_{$key}"></label>
                        {$vo|clean_hide_attr} 
                        <!--<![endif]--> 
                        <!--[if IE]>
                     <input type="radio" value="{$key}" 
                   id="{$field.name}_{$key}" name="{$field.name}" class="toggle-data" toggle-data="{$vo|get_hide_attr}"
                  <eq name="field.value" value="$key">checked="checked"</eq> />
                  <label for="{$field.name}_{$key}"></label>{$vo|clean_hide_attr}
                 <![endif]--> 
                      </div>
                    </volist>                    
                  </case>
                  <case value="select">
                    <select name="{$field.name}">
                      <volist name=":parse_field_attr($field['extra'])" id="vo"> <option value="{$key}" class="toggle-data" toggle-data="{$vo|get_hide_attr}"
                              
                        <eq name="field.value" value="$key">selected</eq>
                        >{$vo|clean_hide_attr}
                              
                        </option>
                      </volist>
                    </select>
                  </case>
                  <case value="cascade">
                    <div id="cascade_{$field.name}"></div>
                    {:hook('cascade', array('name'=>$field['name'],'value'=>$field['value'],'extra'=>$field['extra']))} </case>
                  <case value="dynamic_select">
                  <div id="dynamic_select_{$field.name}"></div>
                  {:hook('dynamic_select', array('name'=>$field['name'],'value'=>$data[$field['name']],'extra'=>$field['extra']))}
                  </case>
                  <case value="news">
                  <div id="news_{$field.name}"></div>
                  {:hook('news', array('name'=>$field['name'],'value'=>$data[$field['name']],'extra'=>$field['extra']))}
                  </case> 
                  <case value="image">
                  <div id="image_{$field.name}"></div>
                  {:hook('image', array('name'=>$field['name'],'value'=>$data[$field['name']],'extra'=>$field['extra']))}
                  </case>                                                           
                  <case value="radio">
                    <volist name=":parse_field_attr($field['extra'])" id="vo">
                      <div class="check-item"> 
                        <!--[if !IE]><!--> 
                        <input type="radio" class="regular-radio toggle-data" value="{$key}" id="{$field.name}_{$key}" name="{$field.name}" toggle-data="{$vo|get_hide_attr}"
                  
                        <eq name="field.value" value="$key">checked</eq>
                        />
                        <label for="{$field.name}_{$key}"></label>
                        {$vo|clean_hide_attr} 
                        <!--<![endif]--> 
                        <!--[if IE]>
                     <input type="radio" value="{$key}" 
                   id="{$field.name}_{$key}" name="{$field.name}" class="toggle-data" toggle-data="{$vo|get_hide_attr}"
                  <eq name="field.value" value="$key">checked="checked"</eq> />
                  <label for="{$field.name}_{$key}"></label>{$vo|clean_hide_attr}
                 <![endif]--> 
                      </div>
                    </volist>
                  </case>
                  <case value="checkbox">
                    <volist name=":parse_field_attr($field['extra'])" id="vo">
                      <div class="check-item"> <input type="checkbox" class="regular-checkbox toggle-data" value="{$key}" id="{$field.name}_{$key}" name="{$field.name}[]" toggle-data="{$vo|get_hide_attr}"
                              
                        <in name="key" value="$field['value']" >checked="checked"</in>
                        >
                        <label for="{$field.name}_{$key}"></label>
                        {$vo|clean_hide_attr} </div>
                    </volist>
                  </case>
                  <case value="editor">
                    <label class="textarea">
                      <textarea name="{$field.name}" style="width:405px; height:200px;"></textarea>
                      {:hook('adminArticleEdit', array('name'=>$field['name'],'value'=>$field['value']))} </label>
                  </case>
                  <case value="picture">
                    <div class="controls uploadrow2" title="点击修改图片" rel="{$field.name}">
                      <input type="file" id="upload_picture_{$field.name}">
                      <input type="hidden" name="{$field.name}" id="cover_id_{$field.name}"/>
                      <div class="upload-img-box">
                        <notempty name="data[$field['name']]">
                       
                          <div class="upload-pre-item2"><img width="100" height="100" src="{$data[$field['name']]|get_cover_url}"/></div>
                          <em class="edit_img_icon">&nbsp;</em>
                        </notempty>
                        
                      </div>
                    </div>
                  </case>
                  <case value="mult_picture">
                    <div class="mult_imgs">
                      <div class="upload-img-view" id='mutl_picture_{$field.name}'>
                          <notempty name="data[$field['name']]">
                            <volist name="data[$field['name']]" id="vo">
                            <div class="upload-pre-item22">
                            <img width="100" height="100" src="{$vo|get_cover_url}"/>
                            <input type="hidden" name="{$field.name}[]" value="{$vo}"/>
                            <em>&nbsp;</em>
                            </div>
                            </volist>
                          </notempty>
                        </div>
                        <div class="controls uploadrow2 mult" title="点击上传图片" rel="{$field.name}">
                          <input type="file" id="upload_picture_{$field.name}">
                        </div>
                    </div>
                  </case>
                  <case value="file">
                    <div class="controls upload_file">
                      <input type="file" id="upload_file_{$field.name}" title="点击修改文件">
                      <input type="hidden" name="{$field.name}" value="{$data[$field['name']]}"/>
                      <div class="upload-img-box">
                        <present name="data[$field['name']]">
                          <div class="upload-pre-file"><span class="upload_icon_all"></span>{$data[$field['name']]}</div>
                        </present>
                      </div>
                    </div>
                  </case>
                  <case value="user">
                    <div class="controls">
                      <div id="userList" class="common_add_list fl">
                            <notempty name="data[$field['name']]">
                                <div class="item" onClick="$.WeiPHP.selectSingleUser('{:addons_url('UserCenter://UserCenter/lists')}','{$field.name}');">
                                  <php>
                                      $userInfo = getUserInfo($data[$field['name']]);
                                        
                                    </php>
                                    <img src="{$userInfo['headimgurl']}"/><br/><span>{$userInfo['nickname']}</span>
                                    <input type="hidden" name="{$field.name}'" value="{$data[$field['name']]}"/>
                                    <span class="name">{$userInfo['nickname']}</span>
                                </div>
                            <else/>
                            <a href="javascript:;" class="common_add_btn fl" onClick="$.WeiPHP.selectSingleUser('{:addons_url('UserCenter://UserCenter/lists')}','{$field.name}');"></a>
                            </notempty>
                       </div>
                    </div>
                  </case>
                  <case value="users">
                        <div class="controls">
                            <div id="userList" class="common_add_list fl">
                                <notempty name="data[$field['name']]">
                                  <php>
                                            $userIds = explode(',',$data[$field['name']]);
                                            
                                    </php>
                                  <volist name="userIds" id="uid">
                                    <php>
                                            $userInfo = getUserInfo($uid);
                                            
                                    </php>
                                    <div class="item" onClick="$.WeiPHP.selectSingleUser('{:addons_url('UserCenter://UserCenter/lists')}','{$field.name}');">
                                        <php>
                                            $userInfo = getUserInfo($data[$field['name']]);
                                            
                                        </php>
                                        <img src="{$userInfo['headimgurl']}"/><br/><span>{$userInfo['nickname']}</span>
                                        <input type="hidden" name="{$field.name}'[]" value="{$data[$field['name']]}"/>
                                        <span class="name">{$userInfo['nickname']}</span>
                                    </div>
                                    </volist>
                                </notempty>
                               <a href="javascript:;" class="common_add_btn fl" onClick="$.WeiPHP.selectMutiUser('{:addons_url('UserCenter://UserCenter/lists')}',9,'{$field.name}');"></a>
                           </div>
                        </div>
                      </case>
                  <default/>
                  <input type="text" class="text input-large" name="{$field.name}" value="{:I($field[name], $field[value])}">
                </switch>
              </div>
            </div>
          </if>
        </volist>
       
        </div>
        <div class="form-item form_bh">
          <button class="btn submit-btn ajax-post" id="submit" type="submit" target-form="form-horizontal">{$submit_name|default='确 定'}</button>
        </div>
      </form>
          
    </div>
    
    
  </section>
  </div>
</block>
<block name="script">
  <link href="__STATIC__/datetimepicker/css/datetimepicker.css?v={:SITE_VERSION}" rel="stylesheet" type="text/css">
  <php>if(C('COLOR_STYLE')=='blue_color') echo '
  <link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css?v={:SITE_VERSION}" rel="stylesheet" type="text/css">
    ';</php>
  <link href="__STATIC__/datetimepicker/css/dropdown.css?v={:SITE_VERSION}" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.js"></script> 
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js?v={:SITE_VERSION}" charset="UTF-8"></script> 
  <script type="text/javascript">
$('#submit').click(function(){
//  var url=$("select[name='target_id'] option:selected").data('url');
//  $("input[name='url']").val(url);
    $('#form').submit();
});
$(function(){
  //初始化上传图片插件
  initUploadImg();
  initUploadFile();
    $('.time').datetimepicker({
        format: 'yyyy-mm-dd hh:ii',
        language:"zh-CN",
        minView:0,
        autoclose:true
    });
    $('.date').datetimepicker({
        format: 'yyyy-mm-dd',
        language:"zh-CN",
        minView:2,
        autoclose:true
    }); 
    showTab();
  
  $('.toggle-data').each(function(){
    var data = $(this).attr('toggle-data');
    if(data=='') return true;   
    
       if($(this).is(":selected") || $(this).is(":checked")){
       change_event(this)
     }
  });
  $('.toggle-data').bind("click",function(){ change_event(this) });
  $('select').change(function(){
    $('.toggle-data').each(function(){
      var data = $(this).attr('toggle-data');
      if(data=='') return true;   
      
       if($(this).is(":selected") || $(this).is(":checked")){
         change_event(this)
       }
    });
  });
  
  $("select[name='from_type']").change(function(){
    
    var fromType=$("select[name='from_type'] option:selected").val();
    if(fromType != 9){
      $("input[name='keyword']").prop('readonly',true);
      $("input[name='url']").prop('readonly',true);
    }else{
      $("input[name='keyword']").prop('readonly',false);
      $("input[name='url']").prop('readonly',false);
    }
  }); 
  var addon="{$data.addon}";
  var jump_type=$("input[name='jump_type']:checked").val();
  getAddon(jump_type,addon);
  $("input[name='jump_type']").click(function(){
    var jump_type=$("input[name='jump_type']:checked").val();
    getAddon(jump_type,addon);
  });
  $("select[name='addon']").change(function(){
    var jump_type=$("input[name='jump_type']:checked").val();
    var select_addon=$("select[name='addon'] option:selected").val();
    
    //0:关键词 1：url
    $.post("{:U('get_addons_lists_url')}",{'addon_name':select_addon},function(urls){
      if(urls['url']){
        selectAddons(urls['url'],select_addon,jump_type);
      }else{
        if(jump_type==0){
          $("input[name='type']").val('click');
          var k='custom_addon_'+select_addon+'_lists';
          $("input[name='keyword']").val(k);
          $("input[name='target_id']").val(-1);
//          $("select[name='target_id'] option").remove();
//          var targetStr='<option value="-1" selected=selected>-1</option>';
//          $(targetStr).appendTo("select[name='target_id']");
        }else{
          $("input[name='type']").val('view');
          $("input[name='url']").val(urls['jump_url']);
          $("input[name='target_id']").val(-1);
//          $("select[name='target_id'] option").remove();
//          var targetStr='<option value="-1" selected=selected>-1</option>';
//          $(targetStr).appendTo("select[name='target_id']");
        }
      }
    });
    var url="{:U('get_target')}";
//    $.post(url,{'addon_name':select_addon,'jump_type',jump_type},function(d){
      
//      $("select[name='target_id'] option").remove();
//      var targetStr='';
//      for(var i=0;i<d.length;i++){
//        targetStr+='<option value='+d[i].id+' data-url='+d[i].url+'>'+d[i].title+'</option>';
//      }
//      $(targetStr).appendTo("select[name='target_id']");
//    });
    
  }); 
  
  $("select[name='sucai_type']").change(function(){ 
    var select_sucai=$("select[name='sucai_type'] option:selected").val();
    $("select[name='target_id'] option").remove();
    if(select_sucai == 1){
//      selectNews();
      $.WeiPHP.openSelectAppMsg('{:U('Material/material_data')}',selectAppMsgCallback);
    }else if(select_sucai==2){
      selectText();
    }else if(select_sucai==3){
      $.WeiPHP.openSelectAppMsg('{:U('Material/picture_data')}',selectImageCallback);
    }else if(select_sucai==4){
      $.WeiPHP.openSelectAppMsg('{:U('/Home/Material/voice_data')}',selectVoiceCallback,'选择语音素材');
    }else if(select_sucai==5){
      $.WeiPHP.openSelectAppMsg('{:U('/Home/Material/video_data')}',selectVideoCallback,'选择视频素材');
    }
  });
});
function getAddon(jump_type,addon){
  $("select[name='addon'] option").remove();
  $.post("{:U('get_addons_name')}",{'jump_type':jump_type},function(data){
    var addonStr='<option value="0" >请选择</option>';
    for(var j=0;j<data.length;j++){
      if(addon==data[j]['key']){
        addonStr += '<option value="'+data[j]['key']+'" selected=selected> '+data[j]['title']+'</option>' ;
      }else{
        addonStr += '<option value="'+data[j]['key']+'"> '+data[j]['title']+'</option>' ;
      }
    }
    $(addonStr).appendTo("select[name='addon']");
  })
}
function selectAddons(url,addon,jump_type){
  $.WeiPHP.openSelectLists(url,1,'选择内cc容'+url,function(data){
    if(data && data.length>0){
      for(var i=0;i<data.length;i++){
        var id=data[i]['id'];
        if(id){
          if(jump_type ==0){
            //关键词
            $("input[name='type']").val('click');
            var k='custom_addon_'+addon+'_'+id;
            $("input[name='keyword']").val(k);
            $("input[name='target_id']").val(id);
//            $("select[name='target_id'] option").remove();
//            var targetStr='<option value='+id+' selected=selected>'+id+'</option>';
//            $(targetStr).appendTo("select[name='target_id']");
          }else{
            //url
            $("input[name='type']").val('view');
            $.post("{:U(get_addon_jump_url)}",{'addon_name':addon,'id':id,'jump_type':jump_type},function(dd){
              $("input[name='url']").val(dd);
            })
            $("input[name='target_id']").val(id);
//            $("select[name='target_id'] option").remove();
//            var targetStr='<option value='+id+' selected=selected>'+id+'</option>';
//            $(targetStr).appendTo("select[name='target_id']");
          }
          
//          $.post("{:U('Material/get_content_by_id')}",{'id':id},function(d){
// //             $('#message_text').text(d);
//            targetStr+='<option value='+id+' data-url="">'+d+'</option>';
//            $(targetStr).appendTo("select[name='target_id']");
//          })
        }
      }
    }
  })
}

function selectText(){
  $.WeiPHP.openSelectLists("{:U('Material/text_lists')}",1,'选择文本素材',function(data){
    if(data && data.length>0){
      for(var i=0;i<data.length;i++){
        var id=data[i]['id'];
        if(id){
          $("input[name='type']").val('click');
          var k='custom_sucai_text_'+id;
          $("input[name='keyword']").val(k);
          $("input[name='target_id']").val(id);
//          $("select[name='target_id'] option").remove();
//          var targetStr='<option value='+id+' selected=selected>'+id+'</option>';
//          $(targetStr).appendTo("select[name='target_id']");
//          var targetStr='';
//          $.post("{:U('Material/get_content_by_id')}",{'id':id},function(d){
// //             $('#message_text').text(d);
//            targetStr+='<option value='+id+' data-url="">'+d+'</option>';
//            $(targetStr).appendTo("select[name='target_id']");
//          })
        }
      }
    }
  })
}
function selectAppMsgCallback(_this){
  $('.appmsg_wrap').html($(_this).html()).show();
  $('#appmsg_area .select_appmsg').hide();
  $('#appmsg_area .delete').show();
//  $('input[name="appmsg_id"]').val($(_this).data('group_id'));
  var id=$(_this).data('group_id');
  $("input[name='type']").val('click');
  var k='custom_sucai_appmsg_'+id;
  $("input[name='keyword']").val(k);
  $("input[name='target_id']").val(id);
//  $("select[name='target_id'] option").remove();
//  var targetStr='<option value='+id+' selected=selected>'+id+'</option>';
//  $(targetStr).appendTo("select[name='target_id']");
  $.Dialog.close();
}
function selectImageCallback(_this){
  $('.image_wrap').html($(_this).html()).show();
  $('.select_image').hide();
  $('.image_material .delete').show();
  var id=$(_this).data('id');
  $("input[name='type']").val('click');
  var k='custom_sucai_image_'+id;
  $("input[name='keyword']").val(k);
  $("input[name='target_id']").val(id);
//  $("select[name='target_id'] option").remove();
//  var targetStr='<option value='+id+' selected=selected>'+id+'</option>';
//  $(targetStr).appendTo("select[name='target_id']");
  $.Dialog.close();
}
function selectVoiceCallback(_this){
  $('.voice_wrap').html($(_this).html()).show();
  $('#voice_area .select_appmsg').hide();
  $('#voice_area .delete').show();
//  $('input[name="voice_id"]').val($(_this).data('id'));
  var id=$(_this).data('id');
  $("input[name='type']").val('click');
  var k='custom_sucai_voice_'+id;
  $("input[name='keyword']").val(k);
  $("input[name='target_id']").val(id);
//  $("select[name='target_id'] option").remove();
//  var targetStr='<option value='+id+' selected=selected>'+id+'</option>';
//  $(targetStr).appendTo("select[name='target_id']");
  $.Dialog.close();
}
function selectVideoCallback(_this){
  $('.video_wrap').html($(_this).html()).show();
  $('#video_area .select_appmsg').hide();
  $('#video_area .delete').show();
//  $('input[name="video_id"]').val($(_this).data('id'));
  var id=$(_this).data('id');
  $("input[name='type']").val('click');
  var k='custom_sucai_video_'+id;
  $("input[name='keyword']").val(k);
  $("input[name='target_id']").val(id);
//  $("select[name='target_id'] option").remove();
//  var targetStr='<option value='+id+' selected=selected>'+id+'</option>';
//  $(targetStr).appendTo("select[name='target_id']");
  $.Dialog.close();
}
</script> 
</block>
